<template>
<div class="home">
   <home-header></home-header>
   <home-swiper></home-swiper>
   <home-icons></home-icons>
   <home-location></home-location>
   <home-hot></home-hot>
   <home-hobby></home-hobby>
</div>
</template>

<script>
import HomeHeader from './pages/Header'
import HomeSwiper from './pages/Swiper'
import HomeIcons from './pages/lcons'
import HomeLocation from './pages/Location'
import HomeHot from './pages/Hot'
import HomeHobby from './pages/Hobby'
import {mapState} from 'vuex'
export default{
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeLocation,
    HomeHot,
    HomeHobby
  },
  computed: {
    ...mapState(['city'])
  }
}
</script>
<style scoped>
 .home {
    background-color: #f5f5f5;
    color: #212121;
    overflow: hidden;
  }
</style>
